$(document).ready(function () {

    initTable();
    $('#btnAdd').bind('click',function () {
        $('#info').modal();
    })

    $('#btnEdit').bind('click',function () {
        $('#info').modal();
    })

    $('#btnRemove').bind('click',function () {

        if (confirm("您是否要删除当前数据")){
            alert("删除成功！")
        }
    })

    $('#btnQuery').bind('click',function () {

        $.ajax({
            url:'../mock/users.json',
            method:'get',
            dataType:'json',
            success:function (data) {

                data = data.filter((item)=>{
                 return    item.username == $('#username4Query').val()
                })

                $('#list').bootstrapTable('destroy')
                $('#list').bootstrapTable({
                    data:data,
                    columns:columns
                })
            }
        })

    })

})

var  columns=[
    {
        field:'username',
        title:'用户名'
    },{
        field:'desc',
        title:'描述'
    }
]

function initTable() {

    $('#list').bootstrapTable({
        url:'../mock/users.json',
        columns:columns,
         pagination:true,
        toolbar:'#toolbar'

    })

}
